<template>
<div>
  <ul>
    <li v-for="item in list" :key="item.id">{{item.name}}</li>
  </ul>
  <button @click="walk">走一走</button>
</div>
</template>

<script>
export default{
  data(){
    return{
      list:[{name:'帅哥'},
            {name:'美女'},
            {name:'程序猿'}]
    }
  },
  methods:{
walk(){
  // this.list.push(this.list[0])
  // this.list.shift()
  this.list.push(this.list.shift())
}
  }
}
</script>

